<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>

<script type="text/javascript" src="js/jquery-3.6.0.min.js">
			
		</script>
		<script type="text/javascript" src="./js/demo.js">
		</script>
</head>
<body>
记录列表
		<br> 姓名: <input type="text" id="name" placeholder="姓名" />
		<br> 性别: <label for="sex" id="sex22">
			<input type="radio" name="sexN"  id="sex1" value="男" "/>男
			
			<input type="radio" name="sexN"  id="sex2" value="女" /> 女


   <a href=""></a>
		</label>
		<br> 爱好: <input type="checkbox"  value="跑步"  name="hobbitid"/> 跑步
		<input type="checkbox"  value="游泳"  name="hobbitid" /> 游泳
		<input type="checkbox"  value="健身" name="hobbitid" /> 健身
		 <br>地址: <select name="address" id="address_id">
		    	<option value="北京">北京</option>
		    	<option value="上海">上海</option>
		    	<option value="广州">广州</option>
		    	<option value="厦门">厦门</option>
		    	<option value="福州">福州</option>
		    	<option value="青岛">青岛</option>
		    	<option value="济南">济南</option>
		    	<option value="深圳">深圳</option>
		    	<option value="天津">天津</option>
		    	<option value="三亚">三亚</option>
		    	<option value="杭州">杭州</option>
		    	<option value="成都">成都</option>
		    	<option value="郑州">郑州</option>
		    	<option value="济南">济南</option>
		    	<option value="潍坊">潍坊</option>
		    	
		    </select>
		<br> <button type="submit" onclick="javascript:add()">添加</button>
		
		<br>  姓名: <input type="text" id="select_name" placeholder="姓名" /> 
		      地址: <select name="address" id="address_select">
		    	<option value="北京">北京</option>
		    	<option value="上海">上海</option>
		    	<option value="广州">广州</option>
		    	<option value="厦门">厦门</option>
		    	<option value="福州">福州</option>
		    	<option value="青岛">青岛</option>
		    	<option value="济南">济南</option>
		    	<option value="深圳">深圳</option>
		    	<option value="天津">天津</option>
		    	<option value="三亚">三亚</option>
		    	<option value="杭州">杭州</option>
		    	<option value="成都">成都</option>
		    	<option value="郑州">郑州</option>
		    	<option value="济南">济南</option>
		    	<option value="潍坊">潍坊</option>
		 </select>
		<br> <button type="javascript" onclick ="select()">搜索</button>
		
		
		<table border="" cellspacing="" cellpadding="">
			<thead>
				<tr >
					<th style="width: 9.375rem;">ID</th>
					<th style="width: 9.375rem;">姓名</th>
					<th style="width: 9.375rem;">性别</th>
					<th style="width: 14.375rem;">爱好</th>
					<th style="width: 14.375rem;">地址</th>
					<th style="width: 9.375rem;">操作</th>
				</tr>
			</thead>
			
			<tbody id="tbody">
				
			</tbody>
			
			
			
		</table>
		

</body>
</html>